<template>
  <div style="background-color: #FF3030">
    <el-row :gutter="10">
      <el-col :xs="1" :sm="3" :md="4" :lg="5" :xl="6"></el-col>
      <el-col :xs="20" :sm="18" :md="16" :lg="14" :xl="12">
        <div class="block">
          <el-image
              style="width: 100px; height: 100px; border-radius: 5px;margin: 10px 0px"
              :src="url"></el-image>
        </div>
      </el-col>
      <el-col :xs="1" :sm="3" :md="4" :lg="5" :xl="6"></el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "BlogFooter",
  data() {
    return {
      // url: 'http://dzhooo.oss-cn-guangzhou.aliyuncs.com/d3192df02743b62b2e37514630f648a.jpg?OSSAccessKeyId=LTAI5tCH5HeSYrQNF5jaSkBf&Expires=1642215293&Signature=b3ABASMmkRNQ1yxSr5UmnfaYT2E%3D'
      url: 'https://img2.baidu.com/it/u=1503813403,1365839654&fm=253&fmt=auto&app=138&f=JPEG?w=220&h=220',
    }
  }
}
</script>

<style scoped>

</style>
